<?php 
	include_once './setPhp.php';
	$data = include './data.php';
	$phono = include_once './phono.php';

 ?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>留言板</title>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/message.js"></script>
	<link rel="stylesheet" href="css/message.css" />
</head>
<body>
	<!--<audio src="http://qzone.haoduoge.com/music/2237cCRLF89c7d00e640315df1d9d5cc02551.mp3" autoplay='autoplay' playcount='-1'></audio>-->
	<!--顶部登陆区域-->
	<div id="dh">
		<span class="welcome">欢 迎 光 临 留 言 板 社 区</span>
		<form action="login.php" method="post"><!--login.php-->
			<div class="top">
				<span class="dls_name">昵称:</span>
				<input type="text" name='dl_name' class="dl_name"/>
				<span class="dls_pwd">密码:</span>
				<input type="password" name="dl_pwd" class="dl_pwd"/>
				<input type="submit" value="登陆" class="dl"/>
			</div>
		</form>
		<a href="javascript:;" class="zhuce">注册</a>
	</div>
	<!--顶部登陆区域结束-->
<div id="main">
	<div class="marea">
		<div class="mar panel panel-default">
				<?php if(!empty($data)){ foreach($data as $k=>$v): ?>
				<div class="nojl">
					<div class="left">
						<img src="<?php echo $v['phono'] ?>" alt="" class="pic" />
						<span class="name"><?php echo $v['uname'] ?></span>
					</div>
					<div class="conn">
						<span class="time">
							<span style="font-family: '微软雅黑';">发表于:</span><?php echo $v['date'] ?>
						</span>
						<p class="con">
							<?php echo $v['con'] ?>
						</p>
						<a href="javascript:xg('<?php echo $k ?>','<?php echo $v['con'] ?>','<?php echo $v['uname'] ?>','<?php echo $v['phono'] ?>');" class="change">编辑</a>
						<a href="javascript:sc(<?php echo $k ?>);" class="del">删除</a>
						<a href="zan.php?id=<?php echo $k ?>" class="zan">赞 [ <?php echo $v['zan'] ?> ]</a>
						<a href="cai.php?id=<?php echo $k ?>" class="cai">踩 [ <?php echo $v['cai'] ?> ]</a>
					</div>
				</div>
				<?php endforeach ?>
				<?php } ?>
		</div>	
	</div>
</div>
<div id="jiao"></div>
<div id="dadd">
	<form action="./add.php" method="post" id="add">
		<div class="input-group input-group-lg" style="width: 270px; height: 46px;position: absolute; left: 5px;top: 5px;">
			  <span class="input-group-addon" id="sizing-addon1" style="width: 81px;height: 81px;position: absolute;left: 3px;top: 3px;">
			  	<img src="images/head/1.jpg" alt="" class="phono" />
			  	<input type="hidden" name="phono" value="images/head/1.jpg" class="phonoinput"/>
			  </span>
			  <input type="text" class="form-control unames"  placeholder="Username" aria-describedby="sizing-addon1" name="uname"style="width: 299px;height: 81px;position: absolute;left: 84px;top: 3px;">
		</div>
		<div class="input-group input-group-lg" style=" margin-top: 1px;width: 380px;position: absolute; left: 8px;top: 87px;">
			<span class="input-group-addon" id="sizing-addon1" style="width: 81px;height: 166px;">
				<a href="javascript:next();" style="position: absolute;left: 8px;top: 15px;width: 65px;height: 35px;" class="btn btn-default dropdown-toggle">Next</a>
				<input type="submit" style="position: absolute;left: 8px;top: 65px;width: 65px;height: 35px;" class="btn btn-default dropdown-toggle" value="Send"/>
				<a href="javascript:qcly();" style="position: absolute;left: 8px;top: 115px;width: 65px;height: 35px;" class="btn btn-default dropdown-toggle">Cancel</a>
			</span>
				  <textarea class="form-control" style="height: 166px;width: 100%;resize: none;" name="con" placeholder="leave a message" aria-describedby="sizing-addon1 " ></textarea>
		</div>
	</form>
</div>
<div id="edit">
		<form action="./edit.php" method="post" class="edit">
			<div class="input-group input-group-lg" style="width: 270px; height: 46px;position: absolute; left: 5px;top: 5px;">
			  <span class="input-group-addon" id="sizing-addon1" style="width: 81px;height: 81px;position: absolute;left: 3px;top: 3px;">
			  	<img src="images/head/1.jpg" alt="" class="phono" />
			  	<input type="hidden" name="phono" value="images/head/1.jpg" class="phonoinput"/>
			  </span>
			  <input type="text" class="form-control unames nname"  placeholder="Username" aria-describedby="sizing-addon1" name="uname"style="width: 299px;height: 81px;position: absolute;left: 84px;top: 3px;">
			</div>
			<div class="input-group input-group-lg" style=" margin-top: 1px;width: 380px;position: absolute; left: 8px;top: 87px;">
				<span class="input-group-addon" id="sizing-addon1" style="width: 81px;height: 166px;">
					<a href="javascript:next();" style="position: absolute;left: 8px;top: 15px;width: 65px;height: 35px;" class="btn btn-default dropdown-toggle">Next</a>
					<input type="submit" style="position: absolute;left: 8px;top: 65px;width: 65px;height: 35px;" class="btn btn-default dropdown-toggle" value="Send"/>
					<a href="javascript:qc();" style="position: absolute;left: 8px;top: 115px;width: 65px;height: 35px;" class="btn btn-default dropdown-toggle">Cancel</a>
				</span>
					<textarea class="form-control ccon" style="resize: none;height: 166px;width: 100%;" name="con" placeholder="leave a message" aria-describedby="sizing-addon1"></textarea>
			</div>
			<input type="hidden" name="k" value="" id="k"/>
			
			
			<!--<div class="left" style="width: 45%;float: left;">
				<div class="input-group input-group-lg">
			  		<span class="input-group-addon" id="sizing-addon1">昵称:</span>
			  		<input type="text" class="form-control unames"  placeholder="Username" aria-describedby="sizing-addon1" name="uname">
				</div>
				<span class="input-group-addon" id="sizing-addon1">修改内容</span>
				<div class="input-group input-group-lg">
					<textarea style="height: 192px;width: 224px;" name="con" placeholder="leave a message" aria-describedby="sizing-addon1"></textarea>
				</div>
			</div>	
			<div class="pic" style="float: right;width: 55%;">
				<span class="input-group-addon" style="border-radius: 5px;height: 45px;">选择头像</span>
				<div class="phono" style="overflow: auto;width: 273px;height: 219px;margin-top:1px;background: #FFFFFF;border-radius: 5px">
				<div class="box">
					<img src="images/head/1.jpg" alt="" />
					<input type="radio" name="phono" value="images/head/1.jpg" checked="checked"/>
				</div>
					<?php foreach($phono as $v): ?>
					<div class="box">
						<img src="<?php echo $v ?>" alt="" />
						<input type="radio" name="phono" value="<?php echo $v ?>"/>
					</div>
					<?php endforeach ?>
				</div>
			</div>
			<input type="hidden" name="k" value="" id="k"/>
			<input type="submit" style="width: 100%;display: block;float: left;" class="btn btn-default dropdown-toggle" value="修改"/>
			<a href="javascript:qc();" style="width: 100%;display: block;float: left;" class="btn btn-default dropdown-toggle">取消</a>-->
		</form>
	</div>
	<div class='iwant'>
		<img src="images/2.png" alt="" usemap="#Map" border="0" />
        <map name="Map" id="Map">
          <area shape="rect" coords="52,68,158,132" href="javascript:add();" />
        </map>
</div>
</body>
</html>

